@charset "UTF-8";

@import './_reset';
@function r($px){
	@return $px / 50px * 1rem
}

html,body{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.web{
	width: 100%;
	height: 100%;
	position: relative;
	input{
		position: absolute;
		top: r(10px);
		right: r(10px);
		z-index: 999;
	}
	input:checked + .search_web{
		transform: translateX(0);
		// z-index: 999;
	}
	.search_logo img{
		position: absolute;
		top: r(20px);
		right: r(15px);
		width: r(42px);
		height: r(42px);
		z-index: 999;
		// 	margin-top: r(20px);
		// 	margin-right: r(15px);
	}
	}
	
.header_content{
	width: 100%;
	height: r(89px);
	background-color: #b20000;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	.left_logo{
		margin-left: r(23px);
		margin-top: r(32px);
		width: r(23px);
		height: r(29px);
		// background-color: blue;
		img{
			width: 100%;
			height: 100%;
		}
		
	}
	.middle_logo{
		display: inline-block;
		width: r(264px);
		height: r(40px);
		margin-top: r(23px);
		img{
			width: 100%;
			height: 100%;
		}
	}
	}
	.search_logo{
		width: r(42px);
		height: r(42px);
		margin-top: r(28px);
		margin-right: r(15px);
		z-index: 999;

		img{
			width: 100%;
			height: 100%;
			// z-index: 999;
		}

		.search_web{
			width: 100%;
			height: r(1136px);
			background-color: rgba(0,0,0,.3);
			position: absolute;
			top: r(0px);
			left: r(0px);
			transform: translateX(100%);
			transition: all .3s;
			.line1{
				.right{
					position: relative;
				.icon-fangdajing{
					font-size: r(50px);
					position: absolute;
					top: r(3px);
					left: r(5px);
				}
				.searchbox{
					width: r(400px);
					height: r(60px);
					border: 1px solid #FFFFFF;
					border-radius: r(30px);
				}
				}
			}
		}

		
	}
.footer_content li{
		width: 20%;
		float: left;
		text-align: center;
		// line-height: r(96px);
		.iconfont{
			font-size: r(56px);
		}
		p{
			font-size: 12px;
		}
		a{
			text-decoration: none;
		}
	}
	
.footer_content{
		width: 100%;
		height: r(96px);
		background-color: #f5f5f5;
		position: absolute;
		left: 0;
		bottom: 0;
	}
.section_content{
	width: 100%;
	height: 80%;
	background-color: #FFFFFF;
	overflow: auto;
	padding: r(89px) 0;
	
	
	.lunbo img{
		width: 100%;
		height: r(341px);
	}
	.yingxiao{

        width: r(584px);
        height: r(1076px);
        margin: 0 auto;
        background-color: #ffffff;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        flex-wrap: wrap;
	}
	.yingxiao li{
		width: r(283px);
		height: r(345px);
		background-color: #ffffff;
		
		img{
			height: r(182px);
			width: 100%;
		}
		.word{
			font-family: "microsoft yahei";
			font-size: r(22px);
			margin-top: r(5px);
			margin-bottom: r(14px);
		}
		#yingxiao_box{
			display: flex;
			justify-content: space-between;
			// height: r(32px);
			&>div:nth-child(1){
				background-color: #b20000;
				width: r(88px);
				height: r(32px);
				border: 1px solid #b20000;
				border-radius: r(10px);
				line-height: r(32px);
				text-align: center;
				font-family: "microsoft yahei";
				color: white;
			}
			&>div:nth-child(2){
				display: flex;
				justify-content: space-around;
				height: r(36px);
				line-height: r(36px);
				color: #c5c5c5;
				.iconfont{
					font-size: r(10px);
				}
				&>div:nth-child(1){
					margin-left: r(35px);
				}
				width: r(220px);
			}
		}
		.nvsheng_box{
			display: flex;
			justify-content: space-between;
			margin-top: r(12px);
			color: #c5c5c5;
			.left{
				height: r(35px);
				display: flex;
				justify-content: space-around;
				
				&>div:nth-child(2){
					line-height:  r(35px);
				}
			}
			.right{
				margin-right: r(20px);
				height: r(35px);
				font-size: r(21px);
				line-height:  r(35px);
			
			}
		}
	}
}
.loadmore{
	width: r(582px);
	height: r(59px);
	line-height: r(59px);
	text-align: center;
	font-size: r(22px);
	color: #cecece;
	background-color: #FFFFFF;
	margin: 0 auto;
	margin-top: r(33px);
}

